<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>资源区主页</title>
<link rel="stylesheet" href="css/spaces-main.css">
<script type="text/javascript" src="js/space-resource-left.js"></script>
</head>

<body>
<!--**************顶部导航****************-->
	<div class="nav">
	<div class="nav-left">
    	<img src="images/2.png" />
        <ul>
        	<li class="margin"><a href="#">社区</a></li>
            <li><a href="#">学习空间</a></li>
            <li class="margin"><a href="#">我的群组</a></li>
        </ul>
        <div class="nav-left-button">
        	<form action="">
            	<input type="submit" id="button1" value="搜索" />
                <input type="text" placeholder="搜索资源或话题" />
            </form>
        </div>
    </div>
    <div class="nav-right">
    	<button id="button2">意见反馈</button>
        <!--头像-->
        <div  class="nav-right-logo">
        	<div id="menu_title1" class="menu_title" onclick="openMenu(this)">
				<img src="images/4.jpg" />
				<div class="indicator" id="indicator1">
					<
				</div>
			</div>
			<div class="menu" id="menu1">
            	<div class="item">
					<a href="#" target="">昵称</a>
				</div>
				<div class="item">
					<a href="" target="">我的动态</a>
				</div>
				<li class="item_divider"></li>
				<div class="item">
					<a href="" target="">个人中心</a>
				</div>
                <div class="item">
					<a href="" target="">退出系统</a>
				</div>
			</div>
        </div>
        <!--消息提示-->
        <div class="nav-right-img">
        <ul>
        	<li>
            	<a href="#"><img src="images/3.png" /></a>
            	<ul>
                	<li><a>回复我的</a></li>
                    <li><a>收到的赞</a></li>
                    <li><a>系统通知</a></li>
                </ul>
            </li>
        </ul>
        </div>
    </div>
	</div>
     <!--**************左侧导航****************-->
	<div class="sidebar-scroll">
      <nav>
        <ul>
          <div class="iframe_link"><a href="#" target="_blank">
          	<img src="images/spacelogo.png" /><div class="title">开发小组1111111111111222222222</div></a>
          </div>
          <li><a href="#" target="_blank" id="lname-focus1" onfocus="setStyle(this.id)" onblur="loss(this.id)">主页<span>4</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus2" onfocus="setStyle(this.id)" onblur="loss(this.id)">资源区<span>3</span></a></li>
     	  <li><a href="#" target="_blank" id="lname-focus3" onfocus="setStyle(this.id)" onblur="loss(this.id)">讨论区<span>2</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus4" onfocus="setStyle(this.id)" onblur="loss(this.id)">贡献区<span>1</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus5" onfocus="setStyle(this.id)" onblur="loss(this.id)">成员<span>4</span></a></li>
          <li><a href="#" target="_blank" id="lname-focus6" onfocus="setStyle(this.id)" onblur="loss(this.id)">设置<span>3</span></a></li>
        </ul>
      </nav>
    </div>
    <!--***************空间右侧资源主界面*******************-->
    <div class="right">
	<!--标题导航-->
	<div class="resource-nav">
    	<span class="resource-nav-title"><a href="#">学习空间</a></span>
        >
        <span class="resource-nav-title"><a href="#">开发小组空间名称</a></span>
        >
        <span>资源区</span>
    </div>
    <!--资源区头部-->
    <div class="resource-top">
    	<div class="top-left">
           	资源区
            <span><a href="#">发布资源</a></span>
            <span><a href="#">新建目录</a></span>
    	</div>
        <div class="top-right">
        	<span><a href="#">附件列表</a></span>
            <span><a href="#">查找资源</a></span>
        </div>
    </div>
    <div class="resource-content">
    	<div class="content-top">
        	<div class="content1">
                <span class="resource-name">资源名</span>
                <span class="writer">作者</span>
            </div>
            <div class="content2">
                <span class="detail">描述</span>
                <span class="date">更新时间</span>
            </div>
        </div>
        <div class="resource-list">
        	<ul>
            	<li>
                <div class="list">
                	<div class="content1">
                        <span class="resource-name"><a href="#">资1</a></span>
                        <span class="writer">作者</span>
                    </div>
                    <div class="content2">
                        <span class="detail">描述</span>
                        <span class="date">2010-09-13</span>
            		</div>
                </div>
                </li>
                <li>
                	<div class="content1">
                        <span class="resource-name"><a href="#">资2</a></span>
                        <span class="writer">作者</span>
                    </div>
                    <div class="content2">
                        <span class="detail">描述</span>
                        <span class="date">2020-10-31</span>
            		</div>
                </li>
                <li>
                	<div class="content1">
                        <span class="resource-name"><a href="#">资3</a></span>
                        <span class="writer">作者</span>
                    </div>
                    <div class="content2">
                        <span class="detail">描述</span>
                        <span class="date">2014-01-23</span>
            		</div>
                </li>
            </ul>
        </div>
    </div>
    </div>
</body>
</html>
